import React, {Component} from 'react';
import {Carousel} from "antd";
import './Swiper.css';

class Swiper extends Component {
	render() {
		return (
			<div className='swiper'>
				<div className="swiper-bg"/>
				<Carousel autoplay className='swiper-container'>
					{
						this.props.banners.map((item, index) => {
							return (
								<div className={'swiper-item'} key={item.targetId}>
									<img src={item.imageUrl} alt=""/>
								</div>
							)
						})
					}
				</Carousel>
			</div>
		);
	}
}

export default Swiper;